@import '@/styles/variables.scss';
.personnelManagement-container{
  min-width: 800px;
  .table{
    height: calc(100vh - 149px);
    box-sizing: border-box;
    .el-table{
      max-height:calc(100vh - 200px);
      ::v-deep .el-table__body-wrapper{
        max-height:calc(100vh - 248px);
        overflow-y: auto;
        @import "@/styles/scrollbalStyle.scss";
      }
    }
    min-width: 600px;
    margin-top: $collection-x;
    margin-left:$block-x;
    margin-right:$block-x;
    .status{
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #3F909E;
      margin-right: 8px;
      line-height: 8px;
    }
    .status-d{
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: red;
      margin-right: 8px;
      line-height: 8px;
    }
    span{
      cursor: pointer;
      //color:$nav-bar
    }
    .delete{
      cursor: pointer;
      color:$btn-red;
    }
    .block{
      margin-top: $block-y;
    }
  }
  .operation{
    .close{
      color:$nav-bar;
      background-color: white;
      border: 1px solid $nav-bar;
    }
  }
  .form{
    height: calc(100vh - 149px);
    overflow-y: auto;
    @import "@/styles/scrollbalStyle.scss";
    width: 100%;
    margin-top: $collection-x;
    .demo-ruleForm{
      min-width: 800px;
      .el-form-item{
        margin-bottom: 16px;
      }
      .selectSex{
        display: flex;
        .sex{
          width: 50%;
          .el-radio{
            width: 100%;
            height: 30px;
          }
        }
      }
    }
  }
}